<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<link rel="stylesheet" href="./css/index1.css">
<body>
    <div class="box">
        <div class="header">
            <div class="header-left">conduit</div>
            <div class="header-right">
                <span><a href="./sucess.html">Home</a></span>
                <span><a href="./index1.html">Sign in</a></span>
                <span><a href="./index2.html">Sign up</a></span>
            </div>
        </div>
    </div>
<div style="width: 100%; height: 100px;">

</div>
<div class="div2">
    <h1>Sign up</h1>
    <h5>Have an account? </h5>
  <form action="/addStudent.do" class="form1">
    <br>
    <!-- <input class="input1" type="text" name="username" placeholder="Username" onblur="checkUser()"><span id="msg"></span> -->
    <input type="text" class="input1" id="username" name="username" placeholder="Username" onblur="checkUser()">
    <br>
    <input class="input1" type="email" name="email" placeholder="Email">
    <br>
    <input class="input2" type="password" name="pwd" placeholder="Password">
    <br>
    <button style="color:white;background-color:mediumpurple;border: none;width: 80px;height: 30px;">sing up</button>
  </form>
  <div class="div3">
    <span id="msg"></span>
  </div>
  <script src="./js/ajax.js"></script>
  
</div>
</body>
</html>
